<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
<!--使用jQuery的前提是有引入环境-->
    <script src="./js/jquery-3.7.1.min.js"></script>
</head>
<body>
<input type="button" value="按钮" id="i1">
<script>
<!--    使用jQuery获取元素对象-->
/*jQuery关键字和 $ 是等价的！ 都是顶级对象！  */
    let i1 = jQuery("input");  // 数组  是jquery对象
    console.log(i1[0])  // i1[0] 是js对象

    console.log( i1.get(0));

    // js - > jQuery
    let i8 = document.getElementsByTagName("input") // js对象
console.log(i8)
    let i9 = $(i8)
console.log(i9)

    // let i2 = $("#i1")
    // console.log(i2[0]) // i2[0] 是js对象

/*
* jquery 对象转js对象： 变量名称[下标]
*
* */

//     let i3 = document.getElementById("i1")
// console.log(i3)

    // let i2 = document.getElementsByTagName("input") // 数组
    // console.log(i2[0])





</script>


</body>
</html>